.container {
  position: fixed;

  display: flex;
  flex-direction: row;
  align-content: center;

  color: white;
  background-color: white;
  width: 100%;
  height: 150rpx;
  bottom: 0;

  overflow-y: visible;

  .main-button {
    width: 20%;
    height: 100%;
    margin-top: 20rpx;
    text-align: center;
    overflow-y: visible;

    image {
      position: relative;
      width: 92rpx;
      bottom: 32rpx;
      background: white;
      border-radius: 50%;
      border: white 12rpx solid;
      transition: transform 0.5s;
    }

    // 动画效果
    .animation{
      transform: rotate(45deg);
    }
  }

  .menu-item {
    display: flex;
    flex-direction: column;
    align-content: center;
    text-align: center;

    width: 20%;
    height: 100%;
    margin-top: 20rpx;

    image {
      width: 100%;
      height: 50rpx;
      display: inline;

      margin-bottom: 4rpx;
    }

    text {
      font-size: 22rpx;
      color: var(--font-color);
    }
  }
}

.mask_wrapper {
  position: fixed;
  width: 90%;
  left: 5%;
  bottom: 14%;

  z-index: 999999;

  .block {
    background-color: white;
    border-radius: 32rpx;
    padding-top: 32rpx;

    .title {
      font-size: 42rpx;
      margin-left: 32rpx;
      margin-bottom: 10rpx;
    }

    .van-cell-group {
      .van-cell {
        .icon {
          image {
            height: 120rpx;
            margin-right: 16rpx;
          }
        }
      }
    }
  }
}
